<!DOCTYPE html>
<html>
<head>
	
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" charset="UTF-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">
		
	<link rel="stylesheet" type="text/css" href="../css/top_main.css">
	<link rel="stylesheet" type="text/css" href="../css/layui.css" >
	<link rel="stylesheet" type="text/css" href="../css/style.css">
	<script>
			$(function(){
				$("body").css("opacity",1);
			})
			
	</script>
</head>
<body style="opacity: 0;">
	<div class="top_bg" style="background: url(../images/my_hy/bg1.png);">
		<div class="top" style="background: none;background: url(../images/my_hy/bg2.png);">
			<a href="#" class="goback">
				<img src="../images/icons/goback1.png" />
			</a>
			<span>我的会员</span>
		</div>
		<div class="padd_top"></div>
		<div class="my_top">
			<div class="my_hy_top m_flex_box">
				<div class="my_hy_left">
					<img src="../images/my_hy/tx.png" class="my_tx">
				</div>
				<div class="my_hy_right flex-1">
					<p class="my_name">一帆风顺</p>
					<div class= "my_hy_bottom_inner m_flex_box">
						<img src="../images/my_hy/time.png">
						<span class="flex-1" style="font-size: 0.3rem;">2080.10.08到期</span>
					</div>
					<div class= "my_hy_bottom_inner m_flex_box">
						<img src="../images/my_hy/adress.png">
						<span class="flex-1" style="font-size: 0.3rem;">徐州市鼓楼区智慧产业园1号楼三单元808室</span>
					</div>
					<div class="btn_contain">
						<a href="#" class="my_btn">续费会员</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="my_bottom">
		<div class="my_bottom_tit">
			<div class="my_bottom_tit_inner m_flex_box flex_hc">
				<div class="m_flex_box">
					<img src="../images/my_hy/vip.png">
					<span>会员开通须知</span>
				</div>
			</div>
		</div>
		<div class="my_know">
			<ul>
				<li>和骚奋斗过水电费水电费</li>
				<li>和骚奋斗过水电费水电费</li>
				<li>和骚奋斗过水电费水电费</li>
			</ul>
		</div>
	</div>
	<script type="text/javascript" src="../js/model/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="../js/model/bootstrap.js"></script>
	<script type="text/javascript" src="../js/layer/layer.js"></script>
	<script type="text/javascript" src="../js/model/reset_font.js"  ></script>
	<script type="text/javascript" src="../layui.all.js"></script>
	<script type="text/javascript">
		window.onload=function(){
			$("body").css("opacity",1);
		}
		$('.charge_inp').bind('input propertychange', function() {
		 if($(this).val() != ""){
				$(".bottom_form button").addClass("active");
			}else{
				$(".bottom_form button").removeClass("active");
			}
		});
		function sub(){
			if($('.charge_inp').val() == ""){
				layer.msg("请输入充值金额");
				return false;
			}else{
				return true;
			}
		};
		$(".bottom_form").click(function(){
			if(sub()){
				$(".pack_form").submit();
			}else{
				return false;
			}
		})
	</script>
</body>
</html>